<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>作品 - DDS FILM</title>
<link type="text/css" href="style/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/player.js"></script>

<script type="text/javascript">
		var params = {
			allowfullscreen: 'true',
			allowScriptAccess: "always"
		};
		swfobject.embedSWF("flash/imgwall.swf", "flashBox", "910", "363", "9.0.0", "",params);
</script>

<script type="text/javascript">

jQuery(document).ready(function() {

	jQuery('#mycarousel2').jcarousel();
	$('#foot').hide();
});

</script>


</head>

<body>
    <div id="triangle"></div>
    <div id="wrap">
        <div id="main">
            <div id="leftBox">
                <div id="logo"></div>
                <div id="navBox">
                	<a href="" id="nTab1"></a>
                    <span id="sTab2"></span>
                    <a href="" id="nTab3"></a>
                    <a href="#" id="nTab4"></a>
                    <a href="zj.php" id="nTab5"></a>            
                
                </div>
            </div>
            
            <div id="rightBox">
               <div class="line1"></div>
               <div class="tab">
                    <ul>
                        <li id="p1" class="on" rel="0">微电影</li>
                        <li id="p2" rel="1">电视广告</li>
                        <li id="p3" rel="2">网络（病毒）短片</li>
                        <li id="p4" rel="3">其它</li>
                    </ul>
                </div> 
                
                <!-------------- tab1 ----------------->              
                <div class="videoBox" id="tb1">
                    <div class="videoItem">
                        <div class="videoImg">
                            <a href="javascript:callVideo(126988813);"><img src="images/img1.jpg" alt="" /></a>
                        </div>
                        <div class="videoTxt">
                            <h2>视康微电影</h2>
                            <h2 class="pr">预告片</h2>
                            <h3>时间：2012</h3>
                            <h3>类别：微电影</h3>
                            <h3>导演：DDSfilm  DDSfilm  DDSfilm  DDSfilm</h3>
                            <h3>客户：视康(CIBA Visi)</h3>
                        </div>
                    </div>
                    <div class="line2"></div>
                    <div class="videoItem">
                        <div class="videoImg">
                            <a href="javascript:callVideo(126988813);"><img src="images/img1.jpg" alt="" /></a>
                        </div>
                        <div class="videoTxt">
                            <h2>视康微电影</h2>
                            <h2 class="pr">预告片</h2>
                            <h3>时间：2012</h3>
                            <h3>类别：微电影</h3>
                            <h3>导演：DDSfilm  DDSfilm  DDSfilm  DDSfilm</h3>
                            <h3>客户：视康(CIBA Visi)</h3>
                        </div>
                    </div>
                    <div class="line2"></div>
                    <!-- 翻页条 -->
                    <div class="pageNum">
                        <a class="pre" href="#"></a>	   
                        <span class="current">1</span>			  
                        <a href="#?page=2">2</a>
                        <a href="#?page=3">3</a>
                        <span>...</span>
                        <a href="#?page=10">10</a>
                        <a href="#?page=11">11</a>
                        <a class="next" href="#"></a>			  
                    </div>
                    <!-- end 翻页条 -->
                    
                </div>
 
 
                <!-------------- tab2 ----------------->              
                <div class="videoBox" id="tb2">
                    <div class="videoItem">
                        <div class="videoImg">
                            <a href="javascript:callVideo(126988813);"><img src="images/img1.jpg" alt="" /></a>
                        </div>
                        <div class="videoTxt">
                            <h2>视康微电影</h2>
                            <h2 class="pr">预告片</h2>
                            <h3>时间：2012</h3>
                            <h3>类别：微电影</h3>
                            <h3>导演：DDSfilm  DDSfilm  DDSfilm  DDSfilm</h3>
                            <h3>客户：视康(CIBA Visi)</h3>
                        </div>
                    </div>
                    <div class="line2"></div>
                    <div class="videoItem">
                        <div class="videoImg">
                            <a href="javascript:callVideo(126988813);"><img src="images/img1.jpg" alt="" /></a>
                        </div>
                        <div class="videoTxt">
                            <h2>视康微电影</h2>
                            <h2 class="pr">预告片</h2>
                            <h3>时间：2012</h3>
                            <h3>类别：微电影</h3>
                            <h3>导演：DDSfilm  DDSfilm  DDSfilm  DDSfilm</h3>
                            <h3>客户：视康(CIBA Visi)</h3>
                        </div>
                    </div>
                    <div class="line2"></div>
                </div>
 
                <!-------------- tab3 ----------------->              
                <div class="videoBox" id="tb3">
                    <div class="videoItem">
                        <div class="videoImg">
                            <a href="javascript:callVideo(126988813);"><img src="images/img1.jpg" alt="" /></a>
                        </div>
                        <div class="videoTxt">
                            <h2>视康微电影</h2>
                            <h2 class="pr">预告片</h2>
                            <h3>时间：2012</h3>
                            <h3>类别：微电影</h3>
                            <h3>导演：DDSfilm  DDSfilm  DDSfilm  DDSfilm</h3>
                            <h3>客户：视康(CIBA Visi)</h3>
                        </div>
                    </div>
                    <div class="line2"></div>
                    <div class="videoItem">
                        <div class="videoImg">
                            <a href="javascript:callVideo(126988813);"><img src="images/img1.jpg" alt="" /></a>
                        </div>
                        <div class="videoTxt">
                            <h2>视康微电影</h2>
                            <h2 class="pr">预告片</h2>
                            <h3>时间：2012</h3>
                            <h3>类别：微电影</h3>
                            <h3>导演：DDSfilm  DDSfilm  DDSfilm  DDSfilm</h3>
                            <h3>客户：视康(CIBA Visi)</h3>
                        </div>
                    </div>
                    <div class="line2"></div>
                </div>
 

                <!-------------- tab4 ----------------->              
                <div class="videoBox" id="tb4">
                    <div class="videoItem">
                        <div class="videoImg">
                            <a href="javascript:callVideo(126988813);"><img src="images/img1.jpg" alt="" /></a>
                        </div>
                        <div class="videoTxt">
                            <h2>视康微电影</h2>
                            <h2 class="pr">预告片</h2>
                            <h3>时间：2012</h3>
                            <h3>类别：微电影</h3>
                            <h3>导演：DDSfilm  DDSfilm  DDSfilm  DDSfilm</h3>
                            <h3>客户：视康(CIBA Visi)</h3>
                        </div>
                    </div>
                    <div class="line2"></div>
                    <div class="videoItem">
                        <div class="videoImg">
                            <a href="javascript:callVideo(126988813);"><img src="images/img1.jpg" alt="" /></a>
                        </div>
                        <div class="videoTxt">
                            <h2>视康微电影</h2>
                            <h2 class="pr">预告片</h2>
                            <h3>时间：2012</h3>
                            <h3>类别：微电影</h3>
                            <h3>导演：DDSfilm  DDSfilm  DDSfilm  DDSfilm</h3>
                            <h3>客户：视康(CIBA Visi)</h3>
                        </div>
                    </div>
                    <div class="line2"></div>
                </div>





            </div>
        </div>
        
    </div>

	<div id="foot2">
    	<a href="#" target="_blank" id="sinaBtn"></a>
    	<a href="#" target="_blank" id="yokuBtn"></a>
    </div>
    <div id="foot">
    	<div id="videoBox2">
            <ul id="mycarousel2" class="jcarousel-skin-tango">
                <li>
                	<a href="javascript:callVideo(126988813);"><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="112" height="65" alt="" /></a>
                    <p>LEVIS</p>
                    <span></span>
                </li>
                <li>
                	<a href="javascript:callVideo(126988813);"><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="112" height="65" alt="" /></a>
                    <p>LEVIS</p>
                    <span></span>
                </li>
                <li>
                	<a href=""><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="112" height="65" alt="" /></a>
                    <p>LEVIS</p>
                    <span></span>
                </li>
                <li>
                	<a href=""><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="112" height="65" alt="" /></a>
                    <p>LEVIS</p>
                    <span></span>
                </li>
                <li>
                	<a href=""><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="112" height="65" alt="" /></a>
                    <p>LEVIS</p>
                    <span></span>
                </li>
                <li>
                	<a href=""><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="112" height="65" alt="" /></a>
                    <p>LEVIS</p>
                    <span></span>
                </li>
                <li>
                	<a href=""><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="112" height="65" alt="" /></a>
                    <p>LEVIS</p>
                    <span></span>
                </li>
                <li>
                	<a href=""><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="112" height="65" alt="" /></a>
                    <p>LEVIS</p>
                    <span></span>
                </li>
                <li>
                	<a href=""><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="112" height="65" alt="" /></a>
                    <p>LEVIS</p>
                    <span></span>
                </li>                <li>
                	<a href=""><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="112" height="65" alt="" /></a>
                    <p>LEVIS</p>
                    <span></span>
                </li>                
                
                
             </ul>
         </div> 
  </div>
  <div id="openBtn"></div>

	<div id="playerBox">
    	<!---- 播放器 ----->  
    	<div id="playerF">
            <div id="closeBtn"><a href="javascript:callbackVideo();">关闭</a></div>
			<div id="player"></div>
        </div>
    	<!---- end 播放器 ----->  
	</div>



</body>
</html>
